/* pages/doctorlists/doctorlists.wxss */
.content{
    background-color: #f9f9f9;
    min-height: 100vh;
    .depart_time{
        width: 100%;
        padding: 0 40rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
        font-size: 28rpx;
        font-weight: 700;
        margin: 20rpx 0;
        .time{
            display: flex;
            align-items: center;
        }
    }
    .selectDate{
        width: 100%;
        height: 148rpx;
        background-color: #fff;
        display: flex;
        align-items: center;
        position: relative;
        .alldate{
            width: 150rpx;
            height: 148rpx;
            padding: 50rpx;
            box-sizing: border-box;
            word-wrap: wrap;
            font-size: 24rpx;
            color: #1677FF;
        }
        .splite{
            width: 4rpx;
        }
        .datalists{
            width: 600rpx;
            display: flex;
            align-items: center;
            overflow-x: scroll;
            .datalist{
                flex :0 0 116rpx;
                width: 116rpx;
                height: 94rpx;
                border-radius: 10rpx;
                font-family: 'Microsoft YaHei UI', sans-serif;
                color: #13C2C2;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                .week{
                    font-size: 28rpx;
                }
                .today{
                    font-size: 24rpx;
                }
            }
            .active{
                background-color: rgba(22, 119, 255, 1);
                color: #fff;
            }
        }
        .whiteBox{
            width: 36rpx;
            height: 148rpx;
            position: absolute;
            right: 0;
            background-color: #fff;
            box-shadow: -4rpx 0px 10rpx rgba(242, 242, 242, 0.952941176470588);
        }
    }
    .doctorlists{
        .doctorlist{
            width: 100%;
            height: 200rpx;
            background-color: #fff;
            display: flex;
            padding: 30rpx 40rpx;
            box-sizing: border-box;
            position: relative;
            margin: 30rpx 0;
            .doctorInfo{
                width: 544rpx;
                font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
                margin-left: 30rpx;
                .position{
                    display: flex;
                    align-items: flex-end;
                    .name{
                        font-size: 32rpx;
                        font-weight: 700;
                    }
                    .call{
                        font-size: 24rpx;
                        color: #7f7f7f;
                        margin-left: 10rpx;
                    }
                }
                .depart{
                    font-size: 24rpx;
                    color: #000;
                    margin: 10rpx 0 20rpx;
                }
                .goods{
                    width: 544rpx;
                    font-size: 24rpx;
                    color: #aaa;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
            .remainCode{
                width: 114rpx;
                height: 54rpx;
                font-size: 24rpx;
                color: #36CFC9;
                text-align: center;
                line-height: 54rpx;
                position: absolute;
                top: 40rpx;
                right: 40rpx;
                background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8/u811.svg');
                background-size: cover;
            }
            .fullCode{
                width: 114rpx;
                height: 54rpx;
                font-size: 24rpx;
                color: #FF4D4F;
                text-align: center;
                line-height: 54rpx;
                position: absolute;
                top: 40rpx;
                right: 40rpx;
                background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8/u820.svg');
                background-size: cover;
            }
        }
    }
    .noDoctor{
        width: 100%;
        height: 800rpx;
        position: relative;
        .null{
            width: 600rpx;
            height: 544rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
}
